#loading {
	position: fixed;
	width: 100%;
	height: 100%;
	background: $loading-back;
	z-index: 5000;
	display: flex;
	justify-content: center;
	align-items: center;
}
.warning-font{
	font-size: 12px;
	color: $warning-font;
}
#loading>div {
	background: $loading-img;
	background-position: center;
	background-size: contain;
	width: 150px;
	height: 150px;
	animation: retate 1s linear infinite;
}

@keyframes retate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.card {
	padding: 20px;
	background-color: #173856;
	box-shadow: 0 0 10px $card-shadow-color, inset 0 0 10px $card-shadow-color !important;
	border-radius: 6px;
}

.card-part {
	border-radius: 8px;
	box-shadow: 0px 0px 10px $shadow-color;
	border: 1px solid $border-color;
}

.card:hover {
	box-shadow: 0 0 15px $card-shadow-color, inset 0 0 10px $card-shadow-color !important;
	border: 1px solid #609bd0;
}

.el-tabs__item.is-active,
.el-tabs__item:hover {
	color: $active-color;
}

.el-tabs__active-bar {
	background-color: $active-color;
}

//滚动条整体部分
*::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	background-color: #f5f5f5;
}

//滚动条里面的小方块，能向上向下移动（或向左向右移动）
*::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
		left bottom,
		left top,
		color-stop(0.44, rgb(208, 209, 212)),
		color-stop(0.72, rgb(181, 183, 185)),
		color-stop(0.86, rgb(166, 167, 171)));
}

*::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #f5f5f5;
	border-radius: 10px;
}

.el-table__empty-text {
	color: $table-tips-color;
	font-size: 14px;
	font-weight: bold;
}

//
//  .el-table::before {
//  	height: 0px !important;
//  }
//
//  .el-table tr {
//  	color: #000;
//  }
//
.el-table {
	font-size: 13px !important;
}

.el-table tr:nth-child(odd) {
	background-color: $table-odd-back-color;
}

// .el-table .cell{
//  height: 23px !important;
// }
.el-table .el-table__row:nth-child(even) {
	background-color: $table-even-back-color;
}

.el-table .el-table__row:hover>td:not(.warning-cell),
.el-table .el-table__row:focus>td:not(.warning-cell) {
	background-color: $table-hover-back-color !important;
}

.el-table .current-row>td:not(.warning-cell),
.el-table .current-row:hover>td:not(.warning-cell) {
	background-color: $table-active-back-color !important;
}

.el-table .warning-row,
.el-table .warning-cell,
.el-table .warning-row:hover>td:not(.warning-cell),
.el-table .warning-row:focus>td:not(.warning-cell) {
	background-color: $table-warning-back-color !important;
}

.el-table .warning-alarm1,
.el-table .warning-alarm1:hover>td:not(.warning-cell),
.el-table .warning-alarm1:focus>td:not(.warning-cell) {
	background-color: $table-warning-back-color !important;
}

.el-table .warning-alarm2,
.el-table .warning-alarm2:hover>td:not(.warning-cell),
.el-table .warning-alarm2:focus>td:not(.warning-cell) {
	background-color: $table-warning1-back-color !important;
}

.el-table .warning-alarm3,
.el-table .warning-alarm3:hover>td:not(.warning-cell),
.el-table .warning-alarm3:focus>td:not(.warning-cell) {
	background-color: $table-warning2-back-color !important;
}

.el-table th {
	color: $table-header-font-color;
	font-weight: 500;
	font-size: 14px;
	background: $table-header-back-color !important;
}

.el-table td {
	color: $table-body-font-color;
	border-bottom-color: $table-border-color;
}

.searchTerm.el-select {
	width: 80px;
}

.searchTerm.el-select .el-tag {
	display: none;
}

.searchTermDrop .el-select-dropdown__item {
	padding: 0 35px 0 5px;
}

.searchTermDrop .el-select-dropdown__item.selected::after {
	right: 10px !important;
}

.short-input {
	width: 200px !important;
}

.minPop {
	width: 513px !important;
}

.mini-input {
	width: 100px !important;
}

.numInput {
	width: 70px !important;
}

.el-dialog {
	border-radius: 8px !important;
}

.el-dialog__header {
	height: 44px;
	background: $dialog-header-back;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	padding: 0 !important;
	color: $dialog-header-font;
}

.el-dialog__headerbtn {
	top: 14px !important;
	color: #000;
}

.el-dialog__headerbtn .el-dialog__close {
	color: #dbdde1 !important;
}

.el-dialog__headerbtn .el-dialog__close:hover {
	color: #ffffff !important;
}

.el-dialog__footer {
	padding: 14px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.el-dialog__body {
	padding: 20px 20px 0px 20px !important;
}

.el-dialog__headerbtn .el-dialog__close {
	color: #e0fef3;
}

.el-dialog__headerbtn .el-dialog__close:hover {
	color: #fef9e0;
}

.el-form-item__label {
	color: #606c75 !important;
}

.tools {
	width: 100%;
	height: 33px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

/* .tools .el-form-item__label{
	padding: 0;
} */
.tools>div:first-child {
	display: flex;
}

.tools>.searchAuto {
	display: flex;
	margin-right: 10px;
	min-width: 400px;
	overflow-x: auto;
	overflow-y: hidden;
}

.tools .icon-btn {
	display: inline-block;
	margin: 0 5px;
	font-size: 20px;
}

.searchAuto .autoOverForm {
	display: flex;
	height: 100%;
}

.searchAuto .autoOverForm .el-form-item {
	display: inline-flex;
}
.split{
	width: 100%;
	height:20px;
}
.tableContent {
	margin-top: 10px;
	width: 100%;
	height: calc(100% - 44px);
	border-top: 1px solid $split-border-color;
}

.dialogTable {
	margin-top: 10px;
	width: 100%;
	border-top: 1px solid $split-border-color;
}

.tableContent>.table {
	width: 100%;
	height: calc(100% - 45px) !important;
	background: $table-back;
}

.tableContent>.page {
	width: 100%;
	height: 35px;
	margin-top: 10px;
}

.el-pager li.active {
	color: $page-active-color !important;
}

.form-note {
	color: #888888;
	font-size: 10px;
}

.form.two-item-form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	width: 100%;
}

.form.two-item-form .el-form-item {
	width: 50%;
}

.two-item-form .form-one-part {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 20px;
	width: calc(100% - 10px);
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding-left: 10px;
}

.form-one-part>.part-title {
	position: absolute;
	top: -10px;
	left: 30px;
	background: #ffffff;
	padding: 0 10px;
}

.two-item-form .form-one-part .el-form-item {
	margin-top: 20px;
}

.details-info {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-bottom: 20px;
}

.details-info>.two-info {
	min-width: calc(50% - 10px);
	margin: 0 5px;
	height: 25px;
	font-size: 12px;
}

.details-info>.one-info {
	width: calc(100% - 10px);
	margin: 0 5px;
	height: 25px;
	font-size: 12px;
}

.details-info .label {
	font-weight: bold;
	color: $form-title-color;
	margin-right: 15px;
}

.details-info .value {
	color: $form-value-color;
}

.details-info>.tools-info {
	width: calc(100% - 10px);
	margin: 0 5px;
	height: 40px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.details-info>.tools-info>button {
	height: 35px;
	border-radius: 3px;
	font-size: 12px;
	border: none;
}

.details-info>.tools-info>button:not(:first-child) {
	margin-left: 20px;
}

.topo-part {
	width: 100%;
	height: 100%;
}

// 扩展radio
.radio-extend.el-radio-group>.el-radio {
	display: flex;
	width: 100%;
}

.radio-extend.el-radio-group>.el-radio:not(:first-child) {
	margin-top: 10px;
}

.radio-extend.el-radio-group .layout-LR {
	display: flex;
}

.radio-extend.el-radio-group .two-part {
	justify-content: space-between;
}

.radio-extend.el-radio-group .layout-LR>.only-one {
	display: flex;
	align-items: center;
}

.radio-extend.el-radio-group .layout-LR>div:not(:first-child) {
	margin-right: 10px;
}

.radio-extend.el-radio-group .row-part {
	margin: 5px;
	display: block;
	color: $form-font-color;
}

.one-form {
	width: 100%;
}

.one-form .el-radio__label {
	width: calc(100% - 50px);
}

.confirm-custome {
	display: flex;
	align-items: center;
	color: #900404;
}

.confirm-icon {
	font-size: 40px;
	color: #ff0707;
}

.note-part {
	color: #dd0902;
	font-size: 14px;
}

.frame-title {
	position: relative;
	width: calc(100% - 40px);
	border-radius: 6px;
	padding: 15px 20px;
	padding-top: 20px;
	border: 1px solid $frame-title-border;
}

.frame-title>.title {
	height: 30px;
	position: absolute;
	background: $frame-title-back;
	top: -15px;
	left: 20px;
}

// 空数据样式
.empty {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	top: 0;
	background: $empty-back;
	color: $empty-color;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
}

// 警告框
.warning-div {
	position: fixed;
	top: 20px;
	left: 50%;
	background: $warning-back;
	z-index: 2000;
	min-width: 380px;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-color: $warning-border;
	transform: translateX(-50%);
	transition: opacity .3s, top .4s, -webkit-transform .4s;
	transition: opacity .3s, transform .4s, top .4s;
	transition: opacity .3s, transform .4s, top .4s, -webkit-transform .4s;
	padding: 15px 15px 15px 20px;
	display: flex;
	align-items: center;
}
.transparentDate {
 	// background: none;
 	// border-color: #cacaca !important;
 	width: 220px !important;
 }
// .transparentDate .el-range-input {
//  	background: none;
//  	color: #404554;
//  }
//  .transparentDate .el-range__icon {
//  	color: #404554;
//  }
.transparentDateTime{
	 width: 320px !important;
 }
 .alarm-date.transparentDateTime{
	background-color:$date-alarm-back;
	border-color: $date-alarm-order;
 }
 .alarm-date.transparentDateTime .el-range-input{
	 background-color: $date-alarm-back;
 }
.popDate.el-popper{
	width: 580px !important;
}
.popDate.el-popper .el-picker-panel__content{
	padding-top: 0;
	padding-bottom: 0;
}